@charset "utf-8";
/* CSS Document */
@font-face { /*アルファベットの方のフォント指定*/
font-family: "frankfrt";
src: url("../font/frankfrt.ttf") format("truetype");
}
@font-face { /*日本語のフォント指定*/
font-family: "mplus";
src: url("../font/MPLUSRounded1c-Black.ttf") format("truetype");
}
@font-face { /*絵文字のフォント指定*/
font-family: "emoji";
src: url("../font/NotoColorEmoji-Regular.ttf") format("truetype");
}
body { /*全体にかけたい設定*/
font-family: "mplus";
text-transform: uppercase; /*全てのアルファベットを大文字に*/
text-align: center; /*ひとまずテキストを中央寄せ*/
}
h1 { /*各ページのタイトル文字設定*/
font-family: "frankfrt";
font-size: 36px;
color: #FF3399;
}
h3 {
font-family: "frankfrt";
font-size: 28px;
}
p {
font-size: 16px;
}
header { /*ヘッダー部分の背景色*/
background: #3772FF;
}
.pink_btn {
display: inline-block;
width: 88px;
height: 88px;
border-radius: 50%;
background: #FF3399;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 88px;
}
.green_btn {
display: inline-block;
width: 88px;
height: 88px;
border-radius: 50%;
background: #5EF38C;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 88px;
}
.two_btn {
display: flex;
justify-content: space-evenly;
padding: 40px 64px;
}
.shop_intro { /*TOPのお店コンセプトセクション背景に波を入れた*/
background-image: url("data:image/svg+xml,")
}
.shop_sns { /*お店SNSのセクション背景に方眼を入れた*/
background-image: url("data:image/svg+xml,")
}
.news_main { /*newsのメイン部分に花柄を入れた*/
background-image: url("data:image/svg+xml,")
}
.order_main {
background-image: url("data:image/svg+xml,")
}
.special_main { /*specialページのメイン部分に丸の背景をつけた*/
background-image: url("data:image/svg+xml,")
}
.main_contact { /*contactフォームのメイン部分に目の柄を入れた*/
background-image: url("data:image/svg+xml,")
}
.menu {
font-family: "frankfrt";
}
.pm_style_intro {
text-transform: none;
}
/*ここから下はメニューボタン部分の設定*/
.menu_button {
margin-left: auto;
width: 56px;
height: 56px;
}
/*ここから下はフッター部分の設定*/
footer {
background: linear-gradient(180deg, transparent 0%, transparent 40px, #221C0C 40px, #221C0C 100%);
color: #3772FF;
}
.footer_logo {
display: block;
margin: 24px auto;
height: 80px;
width: 80px;
}
.shop_name { /*フッターの店名のみフォント変更*/
font-family: "frankfrt";
font-size: 16px;
margin: 20px auto 40px;
}
.map iframe { /*スマホ版の地図の表示サイズ*/
width: 300px;
height: 300px;
margin: 20px auto 40px;
}
.footer_address {
margin-bottom: 40px;
}
.ig_icon {
display: block;
margin: 40px auto;
height: 36px;
width: 36px;
}
small { /*コピーライトのフォント設定*/
font-family: "frankfrt";
text-transform: capitalize;
font-size: 12px;
color: #FFF;
}